<template>
	<view class="u-flex-y-center u-flex-between ">
		<view class="u-flex-y-center">
			<u-image src="/static/images/icon_shi.png" width="48rpx" height="48rpx"></u-image>
			<u-text :text="item.start_city" color="#333" size="32rpx" bold margin="0 20rpx"></u-text>
		</view>
		<u-image src="/static/images/icon_action.png" width="60rpx" height="60rpx"></u-image>
		<view class="u-flex-y-center">
			<u-image src="/static/images/icon_mu.png" width="48rpx" height="48rpx"></u-image>
			<u-text :text="item.end_city" color="#333" size="32rpx" bold margin="0 20rpx"></u-text>
		</view>
	</view>
	<view class="u-flex-y-center u-m-t-10">
		<u-text :text="item.start_address" color="#333" size="28rpx"></u-text>
		<u-text :text="item.end_address" color="#333" align="right" size="28rpx"></u-text>
	</view>
</template>

<script setup>
	const props = defineProps({
		item: {
			type: Object,
			default: {}
		}
	})
</script>

<style lang="scss">

</style>